.diy-sharpGoods{
  background:rgba(255,255,255,1);
  margin: 20rpx 0;
}
.sharp-top{
  padding: 0 20rpx;
}
.sharp-title-img{
  height: 72rpx;
  line-height: 72rpx;
}
.sharp-title-img1{
  line-height: 0;
}
.sharp-title-img image, .sharp-title-img1 image{
  width: 120rpx;
  vertical-align: middle;
}
.color-hot{ 
	background-image:-webkit-linear-gradient(bottom,#FA2B2D,#FD698D); 
	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent; 
}
.color-rec{
	background-image:-webkit-linear-gradient(bottom,#F59B1A,#FEC957); 
	-webkit-background-clip:text; 
	-webkit-text-fill-color:transparent; 
}
.sharp-title-img text, .sharp-title-img1 text{
  /* margin-left: 20rpx; */
}
.sharp-title164 image{
  /* width: 164rpx; */
}
/* .diy-sharpGoods .sharp-top .sharp-modular {
  font-size: 30rpx;
  color: #fff;
  background: #fb571d;
  padding: 10rpx 30rpx 10rpx 24rpx;
  border-bottom-right-radius: 30rpx;
  border-top-right-radius: 30rpx;
}

.diy-sharpGoods .sharp-top .sharp-modular .modular-name {
  margin-left: 10rpx;
}

.diy-sharpGoods .sharp-top .sharp-active-status {
  color: #616161;
  font-size: 28rpx;
  margin-left: 20rpx;
} */

.diy-sharpGoods .sharp-top .active-count-down {
  font-size: 26rpx;
  height: 40rpx;
  margin-left: 20rpx;
}

.diy-sharpGoods .sharp-top .active-count-down .clock-text {
  margin-right: 10rpx;
}

.diy-sharpGoods .sharp-top .active-count-down .clock-time {
  background: #fff;
  color: #333;
  padding: 0 6rpx;
  line-height: 40rpx;
  border-radius: 4rpx;
  box-shadow: 0 0 2rpx 0 rgba(208,208,208,1);
}

.diy-sharpGoods .sharp-top .active-count-down .clock-symbol {
  padding: 0 8rpx;
}

.diy-sharpGoods .sharp-top .sharp-more {
  width: 100rpx;
  height: 72rpx;
  line-height: 72rpx;
  text-align: right; 
  color: #999;
  font-size: 24rpx;
}

.diy-sharpGoods .sharp-top .sharp-more .sharp-more-arrow {
  font-size: 24rpx;
}

/* 商品组 */

.diy-sharpGoods .goods-list {
  /* padding: 4rpx; */
  display: flex;
  flex-wrap: wrap;
  padding: 0 20rpx;
  box-sizing: border-box;
}

.diy-sharpGoods .goods-list .goods-item {
  box-sizing: border-box;
  margin-right: 10rpx;
  /* padding: 6rpx; */
}

.diy-sharpGoods .goods-list.display__list .goods-item {
  float: left;
  width: 203rpx;
  margin-right: 10rpx;
  overflow: hidden;
}
.diy-sharpGoods .goods-list.display__list .goods-item:nth-child(3n){
  margin-right: 0;
}
.diy-sharpGoods .goods-list.column__2 .goods-item:nth-child(3n){
  margin-right: 10rpx;
}
.diy-sharpGoods .goods-list.column__2 .goods-item:nth-child(2n){
  margin-right: 0;
}
.diy-sharpGoods .goods-list.column__3 .goods-item:nth-child(3n){
  margin-right: 0;
}
.diy-sharpGoods .goods-list.column__2 .goods-item {
  width: 315rpx;
}

.diy-sharpGoods .goods-list.column__3 .goods-item {
  width: 210rpx;
}

.diy-sharpGoods .goods-list .goods-item .goods-image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  border-radius:4rpx;
  background: #D8D8D8;
  overflow: hidden;
}

.diy-sharpGoods .goods-list .goods-item .goods-image:after {
  content: '';
  display: block;
  margin-top: 100%; /* margin 百分比相对父元素宽度计算 */
}

.diy-sharpGoods .goods-list .goods-item .goods-image .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

.diy-sharpGoods .goods-list .goods-item .detail {
  padding-top: 8rpx;
  padding-bottom: 20rpx;
  background: #fff;
}

.diy-sharpGoods .goods-list .goods-item .detail .goods-name {
  /* height: 64rpx; */
  font-size: 24rpx;
  line-height: 1.3;
  overflow: hidden;
}

.diy-sharpGoods .goods-list .goods-item .detail .detail-price {
  line-height: 40rpx;
}

.diy-sharpGoods .goods-list .goods-item .detail .line-price {
  margin-left: 8rpx;
  text-decoration: line-through;
}

.diy-sharpGoods .goods-list .goods-item .detail .selling-point {
  font-size: 24rpx;
  color: #f20c59;
}
